<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        无序列表

        <ul>
        ul 定义一个无序列表的大结构
        <li>
        li 列表项 定义的是无序列表内的某一项
        ul和li是嵌套关系 快捷键 ul>li

        ul里只能嵌套li标签
        li是容器级标签

        li 优先级没有区分
        li前缀样式由css负责
    -->

    <!-- ul>li*4 -->
     <h3>中国四大名著</h3>
     <ul>
        <li>
            <h4>红楼梦</h4>
            <ul>
                <li>林黛玉</li>
                <li>王宝钗</li>
                <li>王熙凤</li>
            </ul>    
        </li>
        <li>水浒传</li>
        <li>三国演义</li>
        <li>西游记</li>
     </ul>
</body>
</html>